<form class="row-fluid movimiento-update" action="movimientos/update/{$movimiento->id}/" enctype="multipart/form-data" method="post">
    
    <div class="row-fluid">        
        <pw:component name="pw_include_view" data-show="true" data-src="messages.html"></pw:component>
    </div>
    
    <div class="row-fluid">
        <div class="span4">
            <pw:component name='pw_hidden' data-name='tipo_movimiento' data-id='tipo_movimiento' data-value='1'></pw:component>
            <pw:component name='pw_labeled_input' data-name='cantidad' data-id='cantidad' data-label='Cantidad' data-type='number' data-value='{$movimiento->cantidad}' data-placeholder='' data-free='step="any"'></pw:component>
            <pw:component name="pw_text" data-show="true" data-content="Almacén" data-tag="label" data-free=""></pw:component>
            <pw:component name="pw_combo_box" data-show="true" data-from="almacenes" data-item="almacen" data-name="almacen" data-caption="descripcion" data-optvalue="id" data-selectedcond="$movimiento->almacen->id == $almacen->id" data-noselection="Seleccione una opción"></pw:component>            
        </div>
        
        <div class="span4">
            <pw:component name='pw_labeled_input' data-name='codigo-producto' data-id='codigo-producto' data-label='Código' data-type='text' data-value='{if $movimiento->producto->ean13 eq ""}{$movimiento->producto->codigo_interno}{else}{$movimiento->producto->ean13}{/if}' data-placeholder='EAN-13 o código interno' data-free=''></pw:component>
            <pw:component name='pw_labeled_input' data-name='descripcion' data-id='descripcion' data-label='Descripción' data-type='text' data-value='{$movimiento->producto->descripcion}' data-placeholder='' data-free='style="disabled" disabled="disabled"'></pw:component>
        </div>
            
        {if ($movimiento->producto->loteable eq 0)}
        <div class="span4 loteable" style='display:none'>
        {else}
        <div class="span4 loteable">
        {/if}        
            <pw:component name='pw_labeled_input' data-name='codigo-lote' data-id='codigo-lote' data-label='Lote' data-type='text' data-value='{$movimiento->lote->codigo}' data-placeholder='' data-free=''></pw:component>
            <pw:component name='pw_labeled_input' data-name='fecha-vencimiento' data-id='fecha-vencimiento' data-label='Fecha de vencimiento' data-type='date' data-value='{$movimiento->lote->fecha_vencimiento}' data-placeholder='' data-free=''></pw:component>
        </div>
    </div>
    
    <div class="form-actions">
        <pw:component name="pw_button" data-show="true" data-id="" data-name="" data-caption="Actualizar" data-free='class="btn btn-primary btn-actualizar-movimiento" disabled="disabled"' data-type="submit"></pw:component>
        <pw:component name="pw_button" data-show="true" data-id="" data-name="" data-caption="Cancelar" data-free='class="btn btn-danger cancelar-actualizar-movimiento" data-movimiento="{$movimiento->id}"' data-type="button"></pw:component>
    </div>
    
</form>

<script>
    
    function desactivarActualizacion() {
		jQuery('.btn-actualizar-movimiento').attr('disabled','disabled');    
    }
    
    function activarActualizacion() {
		jQuery('.btn-actualizar-movimiento').removeAttr('disabled');    
    }
    
    jQuery('#codigo-producto').on('change',function(e) {
        jQuery.ajax({
                url: 'productos/detalle/'+jQuery('#codigo-producto').val(),
                type: 'GET',
                dataType: 'JSON',
                success: function(data){
                    if (data.id) {
                    	jQuery('#descripcion').val(data.descripcion);
                        if (data.loteable == "1") {
                            jQuery('.loteable').show();
                        }
                        else {
                            jQuery('.loteable').hide();
                        }
                    	activarActualizacion();
                    }
                    else {
                        jQuery('#descripcion').val('ERROR');
                        jQuery('.loteable').hide();
                    }
                },
            	error: function(a,b,c){
                    alert('ERROR');
        		}
            
		});
    });
    
    jQuery('#codigo-lote').on('change',function(e) {
        jQuery('#fecha-vencimiento').attr('disabled','disabled');
        desactivarActualizacion();   
        jQuery.ajax({
                url: 'lotes/detalle/'+jQuery('#codigo-lote').val(),
                type: 'GET',
                dataType: 'JSON',
                success: function(data){
                    if (data.id != 0) {
                    	jQuery('#fecha-vencimiento').val(data.fecha_vencimiento);
                        jQuery('#fecha-vencimiento').removeAttr("disabled");
                        activarActualizacion();
                    }
                    else {
                        var d = new Date();
						var fecha = d.getFullYear() + '-' + ("0"+(d.getMonth() + 1)).slice(-2) + '-' + ("0"+d.getDate()).slice(-2);
                        jQuery('#fecha-vencimiento').val(fecha);
                        jQuery('#fecha-vencimiento').removeAttr("disabled");
                        activarActualizacion();
                    }
                },
            	error: function(a,b,c){
                    alert('ERROR');
        		}
            
		});
    });
    
    jQuery('.cancelar-actualizar-movimiento').on('click', function(event) {
        event.preventDefault();
        event.stopPropagation();
        
        var rowSelector = jQuery(this).attr('data-movimiento');
        var jQForm = jQuery(this).parent().parent();
        
        jQForm.fadeOut( function() { jQForm.remove(); });
        jQuery("tr[data-movimiento-id="+rowSelector+"]").show();
    });
</script>